<!-- CSS 引用-->
<head th:fragment="head">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noarchive">
    <meta name="description" content="">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome CSS-->
    <link rel="stylesheet" href="/css/all.css">
    <!-- orion icons-->
    <link rel="stylesheet" href="/css/orionicons.css">
    <!-- theme stylesheet-->
    <link rel="stylesheet" href="/css/style.default.css" id="theme-stylesheet">
    <!-- Custom stylesheet - for your changes-->
    <link rel="stylesheet" href="/css/custom.css">

    <!-- Favicon-->
    <link rel="shortcut icon" href="/img/favicon.png?3">
</head>
<!-- js 引用-->
<div th:fragment="footer">
    <script src="/vendor/jquery/jquery.min.js"></script>
    <script src="/vendor/popper.js/umd/popper.min.js"></script>
    <script src="/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="/vendor/jquery.cookie/jquery.cookie.js"></script>
    <script src="/vendor/chart.js/Chart.min.js"></script>
    <script src="/js/js.cookie.min.js"></script>
    <script src="/js/front.js"></script>
    <script src="/js/common.js"></script>
</div>

<nav th:fragment="header">
    <nav class="navbar navbar-expand-lg px-4 py-2 bg-white shadow">
        <a href="#" class="sidebar-toggler text-gray-500 mr-4 mr-lg-5 lead">
            <i class="fas fa-align-left"></i></a>
        <a href="/mlog/index" class="navbar-brand text-uppercase " ><strong style="font-size: xx-large">Mlog</strong>
            <small>程序与人生</small>
        </a>
        <ul class="ml-auto d-flex align-items-center list-unstyled mb-0">
            <li class="nav-item dropdown mr-3">
                <a id="notifications" href="http://example.com" data-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false"
                   class="nav-link dropdown-toggle text-gray-400 px-1">
                    <i class="fa fa-bell"></i><span class="notification-icon"></span></a>
                <div aria-labelledby="notifications" class="dropdown-menu"><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-violet text-white"><i class="fab fa-twitter"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">You have 2 followers</p>
                        </div>
                    </div>
                </a><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-green text-white"><i class="fas fa-envelope"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">You have 6 new messages</p>
                        </div>
                    </div>
                </a><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-blue text-white"><i class="fas fa-upload"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">Server rebooted</p>
                        </div>
                    </div>
                </a><a href="#" class="dropdown-item">
                    <div class="d-flex align-items-center">
                        <div class="icon icon-sm bg-violet text-white"><i class="fab fa-twitter"></i></div>
                        <div class="text ml-2">
                            <p class="mb-0">You have 2 followers</p>
                        </div>
                    </div>
                </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item text-center">
                        <small class="font-weight-bold headings-font-family text-uppercase">View all notifications
                        </small>
                    </a>
                </div>
            </li>
            <li class="nav-item dropdown ml-auto">
                <a id="userInfo" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                   class="nav-link dropdown-toggle">
                    <img style="max-width: 2.5rem;" class="img-fluid rounded-circle shadow">
                </a>
                <div aria-labelledby="userInfo" class="dropdown-menu">
                    <a href="#" class="dropdown-item"><strong id="username"
                                                              class="d-block text-uppercase headings-font-family">Mark
                        Stephen</strong>
                        <small id="rolename">Web Developer</small>
                    </a>
                    <div class="dropdown-divider"></div>
                    <a href="#" class="dropdown-item">Settings</a><a href="#" class="dropdown-item">Activity log </a>
                    <div class="dropdown-divider"></div>
                    <a href="/login.html" class="dropdown-item">Logout</a>
                </div>
            </li>
        </ul>
    </nav>
</nav>
<div th:fragment="sidebar">
    <div class="text-gray-400 text-uppercase px-3 px-lg-4 py-4 font-weight-bold small headings-font-family">
        <img src="/MLOG.png" style="width: auto;height: auto;max-width: 100%;max-height: 100%">
    </div>
    <ul class="sidebar-menu list-unstyled">
        <li class="sidebar-list-item"><a href="index" id="index" class="sidebar-link text-muted "><i
                class="o-home-1 mr-3 text-gray"></i><span>Home</span></a></li>
        <li class="sidebar-list-item"><a href="article" id="article" class="sidebar-link text-muted"><i
                class="o-paperwork-1 mr-3 text-gray"></i><span>文章管理</span></a></li>
        <li class="sidebar-list-item"><a href="comment" id="comment" class="sidebar-link text-muted"><i
                class="o-table-content-1 mr-3 text-gray"></i><span>评论管理</span></a></li>
        <li class="sidebar-list-item"><a href="article.html" class="sidebar-link text-muted"><i
                class="o-survey-1 mr-3 text-gray"></i><span>统计管理</span></a></li>
        <li class="sidebar-list-item"><a href="#" data-toggle="collapse" data-target="#pages" aria-expanded="false"
                                         aria-controls="pages" class="sidebar-link text-muted"><i
                class="o-wireframe-1 mr-3 text-gray"></i><span>系统设置</span></a>
            <div id="pages" class="collapse">
                <ul class="sidebar-menu list-unstyled border-left border-primary border-thick">
                    <li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">基础设置</a>
                    </li>
                    <li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">账号设置</a>
                    </li>
                    <li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">皮肤设置</a>
                    </li>
                    <li class="sidebar-list-item"><a href="#" class="sidebar-link text-muted pl-lg-5">其他设置</a>
                    </li>
                </ul>
            </div>
        </li>
    </ul>
</div>